{include file="head" /}


<body ng-app="starter" ng-controller="AppCtrl" class="grade-a platform-browser platform-ios platform-ios9 platform-ios9_1 platform-ready">
<ion-nav-bar class="bar-stable headerbar nav-bar-container" nav-bar-transition="ios" nav-bar-direction="swap" nav-swipe="">

	<div class="nav-bar-block" nav-bar="active">
		 <!-- TODOLIST2: 公共头部  title需要设置成动态的 -->
         <header class="navbg">
                <div class="back">
                <a href="javascript:history.go(-1);">
                    <img src="__HOME__/img/back.png">
                </a>
                </div>
                <span class="new_bar" id="sideMenu">
                <img src="__HOME__/img/bar.png">
                </span>	
                <h1 class="title">交易历史</h1>
            </header>
	</div>
</ion-nav-bar>
<!-- TODOLIST2: 弹出框内容 -->
<div class="canvas-backdrop">
        <div id="sideMenuContainer">
                <div id="Shut_btn">
            <img src="__HOME__/img/Shut.png">
          </div>
    
                <div class="User_login">
                    <form>
              
              <!-- 登录时显示该部分 -->
              <div class="a_login">
                            <div class="account">
                  <img src="__HOME__/img/wallet.png">我的钱包
                </div>
    
                            <ul class="bute">
                  <li>姓名：{$userinfo.nickname?$userinfo.nickname:$userinfo.username}{if $userinfo.otype == 101} (代理商 邀请码：{$userinfo.uid}) {/if}</li>
                  <li>余额：<span>${$userinfo.usermoney}</span></li>
                  <li>今日盈亏：{$all_ploss}</li>
                </ul>
    
                
                            <ul class="l_nav">
                  
                          <li onclick="show_user_modal('modal-deposit')">充值</li>
                  <li onclick="show_user_modal('modal-withdraw')">提现</li>
                  
                  
                  <li><a href="{:url('/index/user/index/token/'.$token)}">个人中心</a></li>
                  <li><a href="{:Url('/index/index/indexinfo/token/'.$token)}">交易</a></li>
                                <li onclick="app_exit()">退出</li>
                                <div style="clear: both;"></div>
                </ul>
              </div>
                        
    
              <!-- 未登录时显示该部分 -->
                        <!-- <div class="b_login">
                            <div class="h_profile">
                  <img src="__HOME__/img/img_head.png">
                </div>
                <div class="handle">
                    <button type="button" class="btn log_in">
                        <a href="{:Url('login/mainlogin')}">登录</a>
                    </button>
                    <button type="button" class="btn register">
                        <a href="{:Url('login/mainlogin')}?parm=register">开立账户</a>
                      </button>
                    <button type="button" class="btn trad_btn"> -->
                        <!-- <a href="{:url('/index/index/index/token/'.$token)}">交易平台</a></button>
                    <div class="f_pass"> -->
                      <!-- <a href="{:url('index/forgetpwd')}">忘记密码？立即找回</a>
                    </div>
                </div>
                  </div>								 -->
            </form>
            
    
                </div>
                
                <div class="list_box">
                    <div class="tit">
              <img src="__HOME__/img/icon_til.png">为什么是OPTIONCC
              <ul class="side_list">
                <li><a href="{:url('login/brand')}">&gt;10年老品牌</a></li>
                <li><a href="{:url('login/integrity')}">&gt;100%诚信兑付</a></li>
                        </ul>
                    </div>
          </div>
          
          <div class="list_box">
                    <div class="tit" style="padding-bottom:30px">
              <img src="__HOME__/img/icon_about.png">关于我们
              <ul class="side_list">
                <li><a href="{:url('login/contact')}">&gt;联系我们</a></li>
                <li><a href="{:url('login/clause')}">&gt;条款规则</a></li>
                <li><a href="{:url('login/payment')}">&gt;付款政策</a></li>
                        </ul>
                    </div>
                </div>
                    
            </div>  
      </div>
<ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe=""><ion-tabs class="tabs-icon-top navbar pane tabs-bottom tabs-standard" abstract="true" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">

<!-- <div class="tab-nav tabs">
    <a href="{:Url('/index/index/indexinfo/token/'.$token)}"  class="iconfont icon--6 tabnone tab-item " style=""><span class="tab-title ng-binding hangqing" ></span></a>
    <a href="{:url('/index/order/hold/token/'.$token)}" class="iconfont icon--7 tabnone tab-item tab-item-active" style=""><span class="tab-title ng-binding jiaoyijilu" ></span></a>
    <a href="{:url('/index/user/index/token/'.$token)}"  class="iconfont icon--8 tabnone tab-item" style=""><span class="tab-title ng-binding" >个人账户</span></a>
</div> -->
<ion-nav-view name="tab-qoute" class="view-container tab-content" nav-view="cached" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">
    </ion-nav-view><ion-nav-view name="tab-history" class="view-container tab-content" nav-view="active" nav-view-transition="ios" nav-view-direction="swap" nav-swipe=""><ion-view view-title="" hide-nav-bar="false" class="pane" state="tab.history" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
    <ion-nav-buttons side="right" class="hide"></ion-nav-buttons>
    <ion-content class="trade_history scroll-content ionic-scroll scroll-content-false  has-header has-tabs" style="top: 60px;" scroll="false">
        <header>
            <article class="left-table" onclick="change_category(0)"  class="active" >
            	<p class="chicangmingxi">
            		
            	</p>
            </article>
            <article class="right-table"  onclick="change_category(1)"  >
            	<p class="lishimingxi">
            		
            	</p>
            </article>
        </header>

        <div class="trade_history_list slider" style="visibility: visible;overflow:scroll"><div class="slider-slides" ng-transclude="" >
            <ion-slide class="slider-slide slider-left" data-index="0" style="width: 100%px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
            	<ul>
            		
                        


                        

            	</ul>
            </ion-slide>
            <ion-slide class="slider-slide slider-right" data-index="1" style=" left: 0px; top: -100%;transition-duration: 0ms; transform: translate(414px, 0px) translateZ(0px);">
                <ul class="uls">



                </ul>
                
            </ion-slide>
        </div>
                
                <div class="modal-backdrop ng-hide"><div class="modal-backdrop-bg"></div><div class="modal-wrapper" ng-transclude=""><ion-modal-view class="order-modal modal slide-in-up ng-enter active ng-enter-active">
    <ion-header-bar class="order-modal-header bar bar-header">
        <h1 class="title lishimingxi" style="left: 54px; right: 54px;"></h1>
        <div class="close" ng-click="close_order_modal.hide()">
            <i class="icon ion-ios-close-empty"></i>
        </div>
    </ion-header-bar>
    <ion-content class="order-modal-content scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
        <ul class="list">
            <li class="item item-input">
                <span class="input-label" aria-label="商品" id="_label-0">商品</span>
                <span class="input-content ng-binding ptitle"></span>
            </li>
            <li class="item item-input">
                <span class="input-label" aria-label="成交价" id="_label-2">成交价</span>
                <span class="input-content ng-binding buyprice"></span>
            </li>
            <li class="item item-input">
                <span class="input-label" aria-label="结算价" id="_label-3">结算价</span>
                <span class="input-content ng-binding sellprice"></span>
            </li>
            <li class="item item-input">
                <span class="input-label" aria-label="手续费" id="_label-4">手续费</span>
                <span class="input-content ng-binding">{$conf['web_poundage']}</span>
            </li>
            <li class="item item-input">
                <span class="input-label" aria-label="盈亏" id="_label-5">盈亏</span>
                <span class="input-content ng-binding rise ploss" style="">
                    0.00
                </span>
            </li>
            <li class="item item-input">
                <span class="input-label" aria-label="成交时间" id="_label-6">成交时间</span>
                <span class="input-content ng-binding buytime"></span>
            </li>
            <li class="item item-input">
                <span class="input-label" aria-label="结算时间" id="_label-7">结算时间</span>
                <span class="input-content ng-binding selltime"></span>
            </li>
        </ul>
    </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px; transform-origin: center bottom 0px;"></div></div></ion-content>
    <div class="button-bar">
        <a class="button button-dark" onclick="close_order_modal()">关闭</a>
    </div>

    <script>

var charturl = '{:url("getchart")}';
$.get(charturl,function(_res){
    var res = jQuery.parseJSON(Base64.decode(_res)); 
    $.each(res,function(k,v){
        $('.'+k).html(v);
    })
})
</script>
</ion-modal-view></div></div>

        </div>
    </ion-content>
</ion-view></ion-nav-view></ion-tabs></ion-nav-view>
<script src="__HOME__/js/lk/hold.js"></script>
<script type="text/javascript">
  change_category(0)
</script>



<div class="backdrop"></div><div class="ionic_toast"><div class="toast_section" ng-class="ionicToast.toastClass" ng-style="ionicToast.toastStyle" ng-click="hideToast()" style="display: none; opacity: 0;"><span class="ionic_toast_close"><i class="ion-android-close toast_close_icon"></i></span><span ng-bind-html="ionicToast.toastMessage" class="ng-binding"></span></div></div></body></html>
<div class="modal-backdrop hide modal-deposit">
  <div class="modal-backdrop-bg"></div>
  <div class="modal-wrapper" ng-transclude="">
      <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active model-bank-tab">
        <!--todo 头部样式-->
        <header class="navbg">
          <div class="back" onclick="hide_user_modal('modal-deposit')">
            <a>
              <img src="__HOME__/img/back.png">
            </a>
          </div>
          <!-- <span class="new_bar" id="sideMenu">
            <img src="__HOME__/img/bar.png">
          </span>	 -->
          <h1 class="title">用户入金</h1>
        </header>
          <div class="pay_code_area" style="display: none">
              <div>
                  <div class="pay_code_img">

                  </div>

                  <p>扫描二维码支付</p>
                  <p><a href="">充值成功点击刷新</a></p>
                  <p><a href="javascript:;" onclick="pay_code_area(0)">关闭</a></p>

              </div>
          </div>
          <ion-content id="in_money_content" class="scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
              <header>
                  <ul>

                      {volist name="payment" id="vo"}
                      <li class="pay_channel" >

                          <label class="pay_weixin item item-radio item item-radio" name="pay_type" onclick="check_payid('{$vo.pay_conf_arr.name}')"  value="{$vo.pay_conf_arr.name}">
                              <input type="radio" name="pay_type" class="ng-pristine ng-untouched ng-valid ng-not-empty" value="{$vo.pay_conf_arr.name}">
                              <div class="radio-content">
                                  <div class="item-content disable-pointer-events" >
                                      <div class="pay_bank_list_header">
                                          <div class="kuang"></div>

                                          {if $vo.pay_conf_arr.name == 'alipay' || $vo.pay_conf_arr.name == 'qtb_alipay' || $vo.pay_conf_arr.name == 'AlipayCS' || $vo.pay_conf_arr.name == 'AlipayPAZH'}
                                          <i class="pay_alipay_bg"></i>
                                          <article>
                                              <p class="pay_alipay">
                            <span class="iconfont icon-zhifubao">
                            {elseif $vo.pay_conf_arr.name == 'wxpay' ||  $vo.pay_conf_arr.name == 'qbt_pay_wxpay' ||  $vo.pay_conf_arr.name == 'WeixinBERL' ||  $vo.pay_conf_arr.name == 'Weixin'}
                            <i class="pay_green_bg"></i>
                            <article>
                                              <p class="pay_green">
                            <span class="iconfont icon-weixin">
                            {else/}
                            <i class="pay_yinlian_bg"></i>
                            <article>
                                              <p class="pay_yinlian">
                            <span class="iconfont icon--19">
                            {/if}


                                </span><span class="ng-binding">{$vo.pay_name}</span></p>
                                              <p  class="ng-hide"><span class="iconfont "></span><span class="ng-binding"></span></p>
                                          </article>
                                      </div>
                                  </div>
                                  <i class="radio-icon disable-pointer-events icon ion-checkmark"></i>
                              </div>
                          </label>

                          <div  class="pay_bank_list_content ng-hide">
                              <ion-scroll style="height: 100%;" scrollbar-y="true" scrollbar-x="false" class="scroll-view ionic-scroll scroll-y">
                                  <div class="scroll">
                                      <ul>
                                      </ul>
                                  </div>
                                  <div class="scroll-bar scroll-bar-v">
                                      <div class="scroll-bar-indicator scroll-bar-fade-out"></div>
                                  </div>
                              </ion-scroll>
                          </div>

                      </li>
                      {/volist}

                  </ul>
              </header>
              <div class="out_money_content">
                  <article>
            <span>
                <i class="iconfont icon--5"></i>
                充值金额：
            </span>
                      <input type="number" placeholder="请输入金额" required="" value="100" class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required bpprice">
                  </article>
                  <section class="ng-binding"><!-- 单次充值至少￥99起，最多￥20000 --></section>
                  <footer>
                      余额：<span class="ng-binding">{$userinfo.usermoney}</span>

                      <!-- 手续费：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">0%</span>
                      <span ng-show="money_fee.inmoney_fee_type == 1" class="ng-binding ng-hide">￥0</span>
                      实际到账：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">100.00</span> -->

                  </footer>
                  <button class="newbutton outmoneybtn reg_btn"  onclick="submit_deposit()">确认充值</button>
              </div>
          </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
      </ion-modal-view></div></div>
<div class="modal-backdrop hide modal-withdraw">
  <div class="modal-backdrop-bg"></div>
  <div class="modal-wrapper" ng-transclude="">
      <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
           <!--todo 头部样式-->
        <header class="navbg">
            <div class="back" onclick="hide_user_modal('modal-withdraw')">
              <a>
                <img src="__HOME__/img/back.png">
              </a>
            </div>
            <!-- <span class="new_bar" id="sideMenu">
              <img src="__HOME__/img/bar.png">
            </span>	 -->
            <h1 class="title">用户出金</h1>
          </header>
          <ion-content class="out_money_content scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">

              {if !isset($mybank)}
              <header class="ifnone_add_bank"  onclick="go_add_bank()">
                  <p>+</p>
                  <p>添加银行卡</p>
              </header>
              <div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
                  {else}
                  <div  class="cash">
                      <header class="coldbg hotbg"  style="">
                          <p class="ng-binding">{$mybank.bank_nm}</p>
                          <p class="ng-binding">**** **** **** {$sub_bankno}</p>
                          <i class="iconfont red">{:substr($mybank.bank_nm,0,3)}</i>
                      </header>

                      <article>
            <span>
                <i class="iconfont icon--4"></i>
                提现金额：
            </span>
                          <input type="number" placeholder="请输入出金金额" ng-model="outAmount.outamount"  class="cash-price ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required">
                      </article>
                      <section  class="ng-binding">单次提现金额至少￥<span class="cash_min" attrmax="{$conf.cash_max}">{$conf.cash_min}</span></section>
                      <footer>
                          余额：<span class="ng-binding">{$userinfo.usermoney}</span>
                          手续费：<span  class="ng-binding reg_par" attrdata="{$conf.reg_par}">{$conf.reg_par}%</span>
                          实际到账：<span  class="ng-binding true_price" style="display:none"></span>
                      </footer>
                      <button class="newbutton outmoneybtn"  onclick="out_withdraw()">确认出金</button>
                  </div>
                  {/if}
              </div>

          </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
      </ion-modal-view></div></div>
      <script src="__HOME__/js/lk/user.js"></script>
      <script src="__HOME__/js/lk/jquery.qrcode.js"></script>
      <script src="__HOME__/js/lk/utf.js"></script> 
<!-- TODOLIST2: 点击方法 -->
<script type="text/javascript">
    $(function () {  
      // 点击汉堡包          
      $("#sideMenu").click(function(e){
          console.log("234567890",$("#sideMenuContainer"))
        if($("#sideMenuContainer").hasClass("allhide")){
          $("#sideMenuContainer").animate({right:-295},"slow");
          $("#sideMenuContainer").removeClass("allhide");
          return;
        }

        e.stopPropagation();
        $("#sideMenuContainer").animate({right:0},"slow");
        $("#sideMenuContainer").addClass("allhide");
      })	

      //点击关闭 X
      $("#Shut_btn").click(function(e){
        if($("#sideMenuContainer").hasClass("allhide")){
          $("#sideMenuContainer").animate({right:-295},"slow");
          $("#sideMenuContainer").removeClass("allhide");
          return;
        }
      })

      //点击空白的地方
      $(document).click(function(){
        if($("#sideMenuContainer").hasClass("allhide")){
          $("#sideMenuContainer").animate({right:-295},"slow");
          $("#sideMenuContainer").removeClass("allhide");
          $(".canvas-backdrop").fadeOut();
        }
      });

      $("#sideMenu").click(function(){
        $(".canvas-backdrop").fadeIn();
      });

      $("#Shut_btn").click(function(){
        $(".canvas-backdrop").fadeOut();
      });
    })
  </script>